diff options
| author | real-zephex <[email protected]> | 2024-03-28 10:02:17 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-03-28 10:02:17 +0530 |
| commit | c447e8fde220e36bfe7b22e11a95d5d857d83ba5 (patch) | |
| tree | bdf729dbc795cdb989b11ece13ff2d9a00b77e16 /src/app/manga/[title]/[id]/[read] | |
| parent | fixes: minor css fixes, added loading indicators, added error pages etc etc (diff) | |
| download | dramalama-c447e8fde220e36bfe7b22e11a95d5d857d83ba5.tar.xz dramalama-c447e8fde220e36bfe7b22e11a95d5d857d83ba5.zip | |
fixes: css improvements and UI redesign for manga info page
Diffstat (limited to 'src/app/manga/[title]/[id]/[read]')
| -rw-r--r-- | src/app/manga/[title]/[id]/[read]/read.module.css | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css index 47dde9e..d240d80 100644 --- a/src/app/manga/[title]/[id]/[read]/read.module.css +++ b/src/app/manga/[title]/[id]/[read]/read.module.css @@ -1,19 +1,17 @@ -.ImageContainer img { - width: auto; - max-width: 1000px; - height: auto; - border-radius: 5px; - margin-top: 10px; - -} - .Image { display: flex; flex-direction: column; align-items: center; background-color: #1b1b1b; border-radius: 10px; - width: auto; + width: 50%; + margin: 10px auto; +} + +.ImageContainer img { + max-width: auto; + height: auto; + border-radius: 5px; margin-top: 10px; } @@ -53,7 +51,7 @@ @media screen and (max-width: 768px) { .ImageContainer img { - width: 90%; + width: 95%; align-items: center; } |